<html>
  <head>
    <link type="text/css" rel="stylesheet" href="/css/main.css">
  </head>
  <body>
    <div id="wrapper">

    <div id="header">
    <div id="login">
      {{ user|escape }}|<a href="{{ login_or_out_url }}">{{ url_linktext }}</a>
    </div>
    </div>


    <hr />
    <div id="center">
    <div class="top-rounded-corners"> </div>

    <div id="content">

    <div class="big_label">Post a question</div>
    <form class="new_post_form" action="/new_post" method="post">

      <div class="fieldwrapper">
        <label for="question" class="styled">Question:</label>
        <div class="thefield">
          <input id="question" name="question" type="text" size="30">
        </div>
      </div>

      <div class="fieldwrapper">
        <label for="answer" class="styled">Answer:</label>
        <div class="thefield">
          <textarea id="answer" name="answer"></textarea>
        </div>
      </div>

      <div class="fieldwrapper">
        <label for="tags" class="styled">Tags:</label>
        <div class="thefield">
          <input id="tags" name="tags" type="text" size="30">
        </div>
      </div>

      <div class="buttonsdiv">
        <input type="submit" value="Submit" style="margin-left: 150px;" />
        <input type="reset" value="Reset" />
      </div>
    </form>

    <ol class="records">
    {% for record in records %}
      {% if record %}
        <li class="record">
          <div class="question">
            <div class="q">Q: </div>
            <div class="q_question">{{ record.question|escape }}</div>
          </div>
          <div class="question">
            <div class="q">A: </div>
            <div class="q_question">{{ record.answer|escape }}</div>
          </div>
          <div class="date">{{ record.date|escape|slice:":-7"}}</div>
        </li>
      {% endif %}
    {% endfor %}

    </div> <!--end of content -->

    <div id="sidebar">
    </div> <!--end of sidebar-->

    <div class="bottom-rounded-corners"> </div>
    </div> <!--end of center-->
    <hr />

    <div id="footer">
    </div>
    </div> <!--end of wrapper-->
  </body>
</html>
